<!--
 * @Description: 
 * @Author: HYH
 * @LastEditors: HYH
 * @LastEditTime: 2023-05-27 18:02:02
-->
<script setup lang="ts">
defineProps<{ title?: string; content?: string }>()
import { useViteFile } from '@/hooks/useViteFile'
const imgUrl = useViteFile('home/spider-man.jpg')
</script>
<template>
  <div class="card card-side bg-base-100 shadow-xl mx-5 my-5">
    <figure>
      <img :src="imgUrl" alt="Movie" />
    </figure>
    <div class="card-body">
      <h2 class="card-title text-3xl">{{ title }}</h2>
      <p><slot name="content"></slot></p>
      <div class="card-actions justify-end">
        <slot name="button"></slot>
      </div>
    </div>
  </div>
</template>
<style lang="scss" scoped></style>
